﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="GioHang_Xem.ascx.cs" Inherits="GioHang_Xem" %>
<div class="detailBox">
    <div class="Title">
        GIỎ HÀNG CỦA BẠN
    </div>
    <div id="cart-content">
        <div class="clear">
            <img height="12px" src="images/spacer.gif" class="spacer"></div>
        <div class="cc-title left">
            GIỎ HÀNG</div>
        <div style="">
            <asp:LinkButton ID="cmdXoaGioHang" Text="Xóa giỏ hàng" Width="86" 
                runat="server" CssClass="btn btn-capnhat-blue right" 
                onclick="cmdXoaGioHang_Click"></asp:LinkButton>
        </div>
        <div class="cc-title-r right">
            <span data-bind="visible:changedQuantity" class="title-success bg-message" style="display: none;">
            </span>
        </div>
        <div class="clear">
            <img height="12px" src="images/spacer.gif" class="spacer"></div>
        <div id="cart-backtop" style="">
            <table id="tblCart">
                <tr>
                    <td align="center" class="textBold">
                        Stt
                    </td>
                    <td align="center" class="textBold">
                        Ảnh
                    </td>
                    <td align="center" class="textBold">
                        Mã sản phẩm
                    </td>
                    <td align="center" class="textBold">
                        Tên sản phẩm
                    </td>
                    <td align="center" class="textBold">
                        Số lượng
                    </td>
                    <td align="center" class="textBold">
                        Giá
                    </td>
                    <td align="center" class="textBold">
                        Xóa
                    </td>
                </tr>
                <asp:Repeater runat="server" ID="rptGioHang" 
                    OnItemDataBound="rptGioHang_ItemDataBound" 
                    onitemcommand="rptGioHang_ItemCommand">
                    <ItemTemplate>
                        <tr class="line">
                            <td align="center" class="td-stt">
                                <%#Container.ItemIndex + 1%><asp:label runat="server" ID="lblId" Text='<%#Eval("Id").ToString()%>'></asp:label>
                            </td>
                            <td align="center">
                                <img border="0" width="100" src="<%# TTQT.TTQT_Code.TTQTCommon.isNull(Eval("PicUrl"),"").Replace("../","")%>" />
                            </td>
                            <td width="100" class="td-name">
                                <div class="name">
                                    <%# (DataBinder.Eval(Container.DataItem, "Seri").ToString())%></div>
                            </td>
                            <td width="200" class="td-name">
                                <div class="name">
                                    <%# (DataBinder.Eval(Container.DataItem, "TenHang").ToString())%></div>
                            </td>
                            <td class="td-quantity">
                                <asp:TextBox runat="server" ID="txtSoLuong" Text='<%# Eval("SoLuongDatMua").ToString()%>'></asp:TextBox>
                            </td>
                            <td class="td-price">
                                <%# TTQT.TTQT_Code.TTQTCommon.formatTien_KhongThapPhan(Eval("GiaBanThamKhao").ToString())%>
                                <span class="vnd">&nbsp;VNĐ</span>
                            </td>
                            <td class="td-del">
                                <asp:LinkButton runat="server" ID="cmdXoa" CommandName="cmdXoa" CommandArgument='<%#Eval("Id").ToString()%>' OnClientClick="javascript:return confirm('Bạn chắc muốn xóa mục này khỏi giỏ hàng?');">
                                    <img align="middle" src="images/icon-del.png"></asp:LinkButton>
                            </td>
                        </tr>
                    </ItemTemplate>
                </asp:Repeater>
                <tr>
                    <td class="ttd-price" colspan="6">
                        Tổng tiền :
                    </td>
                    <td class="td-price-t">
                        <span>
                            <asp:Label runat="server" ID="lblTongTien" CssClass="TieuDeNho">0</asp:Label></span><span
                                class="vnd">&nbsp;VNĐ</span>
                    </td>
                </tr>
            </table>
            <div class="clear">
                <img height="10px" src="images/spacer.gif" class="spacer"></div>
            <div class="cart-note">
                <img src="images/icon-note.png" alt="note">&nbsp;&nbsp; Click xem&nbsp;<a href="#"><strong>Hướng
                    dẫn mua hàng</strong></a>
            </div>
        </div>
        <div align="center" style="display: none;" data-bind="visible: !existLine()" class="pad20">
            <div class="clear">
                <img height="20px" src="images/spacer.gif" class="spacer"></div>
            <h1>
                Giỏ hàng không có sản phẩm nào!</h1>
            <div class="clear">
                <img height="40px" src="images/spacer.gif" class="spacer"></div>
        </div>
        <div class="clear">
            <img height="10px" src="images/spacer.gif" class="spacer"></div>
        <div class="cart-tool">
            <asp:LinkButton runat="server" Width="118" ID="cmCapNhatGioHang" 
                Text="Cập nhật giỏ hàng" CssClass="btn btn-capnhat right" 
                onclick="cmCapNhatGioHang_Click"/>
            <div class="floatLeft">
                <a style="width: 130px;" class="btn btn-capnhat-blue" href="Default.aspx">Tiếp tục mua hàng</a>
                <div class="floatLeft">
                    <img height="10px" src="images/spacer.gif" class="spacer"></div>
                <div class="clear">
                </div>
            </div>
            <div class="clear">
                <img height="10px" src="images/spacer.gif" class="spacer"></div>
            <div id="dat-hang">
                <div data-bind="visible: validateForm" class="error-msg" style="display: none;">
                    <span class="error">Có một số thông tin không hợp lệ</span>
                </div>
                <div id="backtop">
                    <table width="100%" cellspacing="12" cellpadding="5" border="0">
                        <tbody>
                            <tr>
                                <td>
                                </td>
                                <td style="color: #CECECE;">
                                    Những mục có dấu <font color="#FF0000">(*)</font> là bắt buộc phải nhập .
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="left" class="form_title" colspan="2" style="padding-left: 20px; color: #CECECE;">
                                    THÔNG TIN NGƯỜI ĐẶT HÀNG :
                                </td>
                            </tr>
                            <tr>
                                <td width="20%" nowrap="" align="right" class="form_asterisk" style="color: #CECECE;">
                                    Họ và tên :
                                </td>
                                <td>
                                    <asp:TextBox runat="server" ID="txtHoTen" Width="260"></asp:TextBox>
                                    <font color="#FF0000">*</font><span class="error-desc" style="display: none;"></span>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" class="form_asterisk" style="color: #CECECE;">
                                    Giới tính :
                                </td>
                                <td>
                                    <asp:DropDownList runat="server" ID="cboGioiTinh" Width="260">
                                        <asp:ListItem Value="Nam" Text="Nam"></asp:ListItem>
                                        <asp:ListItem Value="Nữ" Text="Nữ"></asp:ListItem>
                                        <asp:ListItem Selected="True" Value="Chưa rõ" Text="Chưa rõ"></asp:ListItem>
                                    </asp:DropDownList>
                                    &nbsp;</td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" class="form_asterisk" style="color: #CECECE;">
                                    Địa chỉ :
                                </td>
                                <td nowrap="nowrap">
                                    <asp:TextBox runat="server" ID="txtDiaChi" Width="260"></asp:TextBox>
                                    <font color="#FF0000">*</font><span class="error-desc" style="display: none;"></span>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" class="form_asterisk" style="color: #CECECE;">
                                    E-mail :
                                </td>
                                <td>
                                    <asp:TextBox runat="server" ID="txtEmail" Width="260"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" style="color: #CECECE;">
                                    Điện thoại :
                                </td>
                                <td class="form_asterisk">
                                    <asp:TextBox runat="server" ID="txtDienThoai" Width="260"></asp:TextBox>
                                    <font color="#FF0000">*</font><span class="error-desc" style="display: none;"></span>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" style="color: #CECECE;">
                                    Di động :
                                </td>
                                <td>
                                    <asp:TextBox runat="server" ID="txtDiDong" Width="260"></asp:TextBox>
                                    <font color="#FF0000">*</font><span class="error-desc" style="display: none;"></span>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" style="color: #CECECE;">
                                    Ghi chú :
                                </td>
                                <td align="left">
                                    <asp:TextBox runat="server" ID="txtGhiChu" TextMode="MultiLine" Width="400"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" class="order_status" colspan="2">
                                    <hr width="98%" size="1" color="#999999">
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="nowrap" class="form_title" colspan="2" style="padding-left: 20px;color: #CECECE;">
                                    VẬN CHUYỂN VÀ THANH TOÁN :
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" style="color: #CECECE;">
                                    Hình thức vận chuyển :
                                </td>
                                <td>
                                    <asp:DropDownList runat="server" ID="cboHinhThucVanChuyen" Width="260">
                                        <asp:ListItem Value="Đến địa chỉ người nhận" Text="Đến địa chỉ người nhận"></asp:ListItem>
                                        <asp:ListItem Value="Khách đến nhận hàng" Text="Khách đến nhận hàng"></asp:ListItem>
                                        <asp:ListItem Value="Chuyển phát nhanh bưu điện" Text="Chuyển phát nhanh bưu điện"></asp:ListItem>
                                        <asp:ListItem Value="Hình thức khác" Text="Hình thức khác"></asp:ListItem>
                                    </asp:DropDownList>                                    
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" style="color: #CECECE;">
                                    Thời gian vận chuyển :
                                </td>
                                <td class="form_asterisk">
                                    <asp:TextBox runat="server" ID="txtThoiGianVanChuyen" Width="90" class="datepicker"></asp:TextBox>
                                    <span style="margin-left: 20px;color: #CECECE;" >(Ngày / Tháng / Năm)</span>
                                </td>
                            </tr>
                            <tr>
                                <td nowrap="" align="right" style="color: #CECECE;">
                                    Hình thức thanh toán :
                                </td>
                                <td>
                                    <asp:DropDownList runat="server" ID="cboHinhThucThanhToan" Width="260">
                                        <asp:ListItem Value="Tiền mặt" Text="Tiền mặt"></asp:ListItem>
                                        <asp:ListItem Value="Thẻ ATM" Text="Thẻ ATM"></asp:ListItem>
                                        <asp:ListItem Value="Chuyển khoản qua ngân hàng" Text="Chuyển khoản qua ngân hàng"></asp:ListItem>
                                    </asp:DropDownList>
                                </td>
                            </tr>
                            <tr height="50">
                                <td nowrap="" align="right">
                                    &nbsp;
                                </td>
                                <td>
                                    <asp:Button runat="server" ID="cmdGuiDonHang" text="Đặt hàng" 
                                        CssClass="btn btn-capnhat" onclick="cmdGuiDonHang_Click"/>
                                    <div class="floatLeft">
                                        <img height="10px" src="images/spacer.gif" class="spacer"></div>
                                </td>
                            </tr>
                            
                            <tr height="50">
                                <td nowrap="" align="right">
                                    &nbsp;</td>
                                <td>
                                    <asp:Label ID="lblErr" runat="server" Text="" ForeColor="Red"></asp:Label>
                                    </td>
                            </tr>
                            
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
